//-------------------------------------------------------------------------
body
    margin 0
    padding 0
    font-family Verdana
//-------------------------------------------------------------------------
a
    padding 3px
    border-radius 3px
    border 0
ul
    list-style-type none
    padding 0
    margin 0
//-------------------------------------------------------------------------
div#timeslider
    margin 10px
    svg
        margin-top -3px
//-------------------------------------------------------------------------
p.error, p.info
    display inline
    margin 60px
    font-size 200%
    border-radius 5px
    max-width 750px
    padding 6px
//-------------------------------------------------------------------------
.logo
    float left
    padding-top 2px
    padding-bottom 10px
    margin 0px
    padding-left 10px
//-------------------------------------------------------------------------
.usercontainer
    float right
    padding-top 7px
    a
        text-decoration none
    ul
        margin 0
        display inline
    li
        float left
        margin-left 6px
        display inline
        list-style-type none
        padding-left 5px
        padding-right 5px
        text-shadow #333 1px 1px 2px
        padding 2px
    #notification-counter
        cursor pointer
        padding 2px
        padding-left 5px
        padding-right 5px
//-------------------------------------------------------------------------
.period
    float left
    display inline
    width 450px
    padding 2px
    border-collapse: collapse
    h3
        padding-bottom 6px
//-------------------------------------------------------------------------
.task
    padding 6px
    border-radius 3px
    margin-bottom 4px
    cursor pointer
    h4
        margin-top 4px
    &.trans
        opacity 0.2
        text-align center
    img
        display inline
//-------------------------------------------------------------------------
nav
    a
        text-decoration none
    ul
        margin 0
        padding 0
        margin-top 10px
    li
        list-style-type none
//-------------------------------------------------------------------------
.login
    text-align              center
    margin-left             auto
    margin-right            auto
    .infocontainer
        padding-top             110px
        margin-left             13%
        margin-right            13%
        span
            font-weight         550
        li
            list-style-type     none
            padding-top         15px
        input
            padding-left        10px
            padding-right       10px
            padding-top         5px
            padding-bottom      5px
            width               200px
            font-weight         bold
            -moz-border-radius  1em 1em 1em 1em
            border-radius       1em 1em 1em 1em
            text-align          center
        img
            -moz-border-radius  4em 1em 6em 4em
            border-radius       4em 2em 6em 4em
            padding             10px 10px 10px 10px
//-------------------------------------------------------------------------
section#sidebar
    width 240px
    float left
//-------------------------------------------------------------------------
section#content
    margin-left 250px
    margin-right 12px
    overflow-y hidden
    overflow-x hidden
    padding 5px 5px 5px 5px
    border-radius: 0.5em 0.5em 0.5em 0.5em
    &.fullscreen
        margin-left 12px !important
//-------------------------------------------------------------------------
#timeline-content
    padding 10px
    min-height 500px
//-------------------------------------------------------------------------
#timeline-controls
    li
        display inline
        padding 4px
        margin 1px
//-------------------------------------------------------------------------
footer
    text-align center
    margin-top 8px
//-------------------------------------------------------------------------
.module
    margin 1px
    margin-left 10px
    margin-bottom 10px
    z-index 100
    h5
        padding 3px
        border-radius 2px
        margin 3px
        margin-bottom 8px
    ul
        margin 0
        margin-left 17px
        margin-bottom 20px
    a
        // text-decoration underline
//-------------------------------------------------------------------------
#box
    width 500px
    height 300px
    margin 30px
    padding 10px
    border 3px solid black
    background #dd
//-------------------------------------------------------------------------
.ui-slider-handle
    opacity 0.7
//-------------------------------------------------------------------------
.popup
    h5
        padding 3px
        border-radius 2px
        margin 3px
        margin-bottom 8px
    input
        display block
        width 80%
        margin auto auto
        border-radius 4px
        size 20px
    button
        margin-top 20px
//-------------------------------------------------------------------------
